.pBox{
		&::-webkit-scrollbar{
			height: 0;
			width: 0;
		}
		height: 100vh;
	}
	.header_box {
		padding-top: 1rpx;
		margin-top: -1rpx;
		width: 100%;
		height: 1100rpx;
		// background: linear-gradient(180deg, #5546DE 0%, rgba(255, 152, 255, 0.05) 100%);
		// background-color: rgba(0,0,0,0.1);
		// background:url('../../../static/answer/banner.png');
		position: relative;
		background-size: cover !important;
		line-height: 0;
		.btn{
			position: absolute;
			top: 444rpx;
			right:20rpx;
			// background-image: url('../../../static/answer/prize.png');
			background-size: cover !important;
			z-index: 9;
			width: 122rpx;
			height: 113rpx;
		}
		.sort{
			top: 583rpx;
			// background-image: url('../../../static/answer/sort.png');
		}
		.info_control{
			position: relative;
			top: 85rpx;
			height: 48rpx;
			line-height: 48rpx;
			
			display: flex;
			justify-content: space-between;
			.complain{
				width: 68rpx;
				height: 68rpx;
				line-height: 68rpx;
				
				border-radius: 50%;
				text-align: center;
				background:rgba(0, 0, 0, .5);
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #fff;
				margin-right: 34rpx;
				text-decoration: underline;
			}
			.music{
				width: 68rpx;
				height: 68rpx;
				line-height: 58rpx;
				background: rgba(0, 0, 0, .5);
				border-radius: 50%;
				margin-left: 45rpx;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				// .open{
				// 	margin-top: 10rpx;
				// }
			}
		}
		
	}
	.start{
		line-height: 0;
		text-align: center;
		
		img{
			width: 711rpx;
			height: 177rpx;
			margin: -16rpx  0rpx 0 0 ;
		}
	}
	
	.banner_bg{
		margin-top: 253rpx;
		// background-color: rgba(255, 255, 255, .5);
		overflow: hidden;
	}
	.container{
		// background-color: #F2A1DC;
	}
	.name_banner {
		width: auto;
		height: 60rpx;
		padding: 15rpx 0 15rpx 20rpx;
		display: flex;
		justify-content: flex-start;
		animation:ad 0s linear infinite 0s;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	
		.item {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height:52rpx;
			line-height: 52rpx;
			background-color: rgba(101, 0, 51, .3);
			// box-shadow: 0px 0px 6rpx 1rpx rgba(0, 0, 0, 0.1);
			border-radius: 30rpx;
			margin-right: 10rpx;
			padding: 5rpx 18rpx 5rpx 6rpx;
			&:nth-child(3){
				// margin-left: 20rpx;
			}
			
			.avatr {
				line-height: 0;
				image{
					width: 52rpx;
					height: 52rpx;
					border-radius: 50%;
					background-color: rgba(0, 0, 0, .1);
				}
			}
	
			&>span {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #fff;
				display: block;
				line-height: 28rpx;
				margin-left: 8rpx;
				white-space:nowrap;
			}
		}
	}
	.content_box {
		margin-top: 74rpx;
		// padding: 0rpx 28rpx;
		.nums{
			width: 694rpx;
			display: flex;
			justify-content: center;
			height: 34rpx;
			line-height: 34rpx;
			margin-bottom: 67rpx;
			.num{
				text-align: center;
				margin: 0 33rpx;
				min-width: 220rpx;
				// width: 50%;
				&>span:nth-child(1){
					font-size: 26rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
					// margin-left: 75rpx;
				}
				&>:nth-child(2){
					font-size: 34rpx;
					font-family: PingFang SC-Bold, PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					margin-left: 27rpx;
				}
				span{
					// margin:0 14rpx
				}
				&:nth-child(2){
					span:nth-child(1){
						// margin-left: 103rpx;
					}
				}
			}
		}
		// .info{
			
		// 	width: 662rpx;
		// 	// height: 1128rpx;
		// 	background: #FFFFFF;
		// 	box-shadow: 0px 0px 20rpx 1rpx rgba(51, 51, 51, 0.08);
		// 	border-radius: 30rpx;
		// 	padding: 70rpx 24rpx 32rpx;
		// 	margin:0 auto;
		// 	.title{
		// 		height: 42rpx;
		// 		font-size: 30rpx;
		// 		line-height: 42rpx;
		// 		font-family: PingFang SC-Bold, PingFang SC;
		// 		font-weight: bold;
		// 		color: #333333;
		// 		margin-bottom: 10rpx;
		// 	}
		// 	.dec{
		// 		min-height: 37rpx;
		// 		line-height: 37rpx;
		// 		font-size: 26rpx;
		// 		// overflow: hidden;
		// 		font-family: PingFang SC-Regular, PingFang SC;
		// 		font-weight: 400;
		// 		color: #666666;
		// 		margin-bottom: 20rpx;
		// 		// .img_box{
		// 		// 	line-height: 0;
		// 		// 	img{
		// 		// 		width: 650rpx;
		// 		// 		height: 288rpx;
		// 		// 	}
		// 		// }
		// 		::v-deep img{
		// 			width: 100% !important;
		// 			max-width: 750rpx;
		// 			display: block;
		// 			margin: 16rpx 0;
		// 		}
		// 		::v-deep video{
		// 			width: 100% !important;
		// 			max-width: 750rpx;
		// 			display: block;
		// 			margin: 16rpx 0;
		// 		}
		// 	}
		// 	.item_rules{
		// 		// &>p{
		// 			font-size: 30rpx;
		// 		// }
		// 	}
		// }
		.info{
			
			width: 650rpx;
			// height: 1128rpx;
			background: #FFFFFF;
			box-shadow: 0px 0px 20rpx 1rpx rgba(51, 51, 51, 0.08);
			border-radius: 30rpx;
			padding: 36rpx 30rpx 30rpx;
			margin:0 auto;
			position: relative;
			.logo{
				.title{
					position: absolute;
					left: 50%;
					top: -13rpx;
					margin-left: -170.5rpx;
					width: 341rpx;
					height: 81rpx;
					line-height: 80rpx;
					text-align: center;
					background: url('../../../static/answer/rules_top_img.png');
					background-size: cover;
					z-index: 9;
					
					// filter:hue-rotate(deg);
					
					&>span{
						font-size: 30rpx;
						font-family: PingFang SC-Bold, PingFang SC;
						font-weight: bold;
						color: #FFFFFF;
					}
				}
				// .other{
				// 	position: absolute;
				// 	left: 50%;
				// 	top: -13rpx;
				// 	margin-left: -170.5rpx;
				// 	width: 341rpx;
				// 	height: 13rpx;
				// 	background: url('../../../static/answer/rules_top_image.png');
				// 	background-size: cover;
				// 	z-index: 8;
					
				// }
			}
			
			.dec{
				margin-top: 34rpx;
				font-size: 26rpx;
				::v-deep img{
					width: 100% !important;
					max-width: 750rpx;
					display: block;
					margin: 16rpx 0;
				}
				::v-deep video{
					width: 100% !important;
					max-width: 750rpx;
					display: block;
					margin: 16rpx 0;
				}
			}
			.item_rules{
				// &>p{
					font-size: 30rpx;
				// }
			}
		}
		.footer_name{
			margin-top: 20rpx;
			height: 26rpx;
			line-height: 26rpx;
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			text-align: center;
			padding:0rpx 0  80rpx;
			
		}
	}
	.no_banner{
	}
	.getMoreTimes{
		position: fixed;
		right: 0rpx;
		top: 879rpx;
		z-index: 11;
		img{
			width: 202rpx;
			height: 115rpx;
		}
	}
	
	.sports_swiper {
	    margin: 50rpx auto 40rpx auto;
	    width: 690rpx;
	    height: 280rpx;
	
	    .swiper {
	      width: 690rpx;
	      height: 280rpx;
	
	      .swiper_content {
	        width: 100%;
	        height: 100%;
	        background: #023e49;
	        border-radius: 16rpx;
	        overflow: hidden;
			  text-align: center;
	
	        .swiper_img {
	          width: 100%;
	          height: 100%;
	        }
			.swiper_video{
				  width: 690rpx;
				  height: 280rpx;
			}
	      }
	    }
	  }
	
	.bottom_text {
	    font-size: 30rpx;
	    font-family: PingFang SC-Bold, PingFang SC;
	    font-weight: bold;
	    color: #FFFFFF;
	    padding: 50rpx 0 100rpx 0;
	    text-align: center;
	
	}
	
	@keyframes ad{
		from{transform:translateX(750rpx)}
		to{transform: translateX(-100%)}
	}
	@keyframes openMenu{
		0%{ max-height: 0; }
		99%{ max-height: 95%; }
		100%{ max-height: auto; }
	}
	@keyframes closeMenu{
		0%{ opacity: 1; }
		99%{ opacity: 0.9; }
		100%{ opacity: 0; }
	}
	.zoomOut {
		-webkit-animation-name: zoomOut;
		// animation-name: zoomOut;
		animation: zoomOut .8s 1 ease-in-out;
	}
	@-webkit-keyframes zoomOut {
		0% {
			opacity: 1
		}
	
		50% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		to {
			opacity: 0
		}
	}
	
	@keyframes zoomOut {
		0% {
			opacity: 1
		}
	
		50% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		to {
			opacity: 0
		}
	}